<template>
  <section class="search">
        <Header title="搜索"></Header>
        <form class="search_form" action="#">
          <input type="search" name="search" placeholder="请输入商家或美食名称" class="search_input">
          <input type="submit" name="submit" class="search_submit">
        </form>
      </section>
</template>

<script>
import {mapState} from 'vuex'
export default{
    name:'Search',
  data() {
    return {

     }
  },
  async mounted(){
    
    // const geohash=this.latitude+','+this.longitude;
    // let keyword="小米"
    // let type="search"
    //  const result=await this.$API.reqSearch(geohash,keyword,type);
    //  console.log(result)

  },
  methods:{

  },
  computed:{
    ...mapState({
      longitude:state => state.msite.longitude,
       latitude:state => state.msite.latitude
    })

  },
  components:{

 }
  }
 </script>

<style scoped lang="stylus">
@import "../../assets/stylus/mixins.styl"
.search  //搜索
  width 100%
  .search_form
    clearFix()
    margin-top 45px
    background-color #fff
    padding 12px 8px
    input
      height 35px
      padding 0 4px
      border-radius 2px
      font-weight bold
      outline none
      &.search_input
        float left
        width 79%
        border 4px solid #f2f2f2
        font-size 14px
        color #333
        background-color #f2f2f2
      &.search_submit
        float right
        width 18%
        border 4px solid #3190e8
        font-size 16px
        color #fff
        background-color #3190e8
</style>
